<%--
  Created by IntelliJ IDEA.
  User: liujiajia
  Date: 2016/12/26
  Time: 上午10:07
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>用户</title>
    <meta charset="UTF-8">
    <title>Tabbar</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
</head>
<body>

<header class="m-navbar" >
    <span><i class="home-crt"></i></span>
    <div class="navbar-center" ><span class="navbar-title">数据排行</span></div>
</header>


<section class="g-scrollview">
    <a class="cell-item"  href="/root/toRanking_market.do">
        <div class="cell-left"><i class="cell-icon demo-icons-order"></i>市场专员数据</div>
        <div class="cell-right cell-arrow"></div>
    </a>

    <ul class="m-grids-2">
        <li class="grids-item">
            <div class="grids-icon">
                <i class="demo-icons-cell"></i>
            </div>
            <div class="grids-txt">
                发券排行榜<br>
                NO.1 xxx
            </div>
        </li>
        <li class="grids-item">
            <div class="grids-icon">
                <i class="demo-icons-cell"></i>
            </div>
            <div class="grids-txt">
                收入排行榜<br>
                NO.1 xxx
            </div>
        </li>

        <li class="grids-item">
            <div class="grids-icon">
                <i class="demo-icons-cell"></i>
            </div>
            <div class="grids-txt">
                发券覆盖总人数<br>
               2313123
            </div>
        </li>
        <li class="grids-item">
            <div class="grids-icon">
                <i class="demo-icons-cell"></i>
            </div>
            <div class="grids-txt">
                人均核券额<br>
               747234
            </div>
        </li>
    </ul>

    <a class="cell-item" href="/root/toRanking_user.do">
        <div class="cell-left"><i class="cell-icon demo-icons-order"></i>用户排行</div>
        <div class="cell-right cell-arrow"></div>
    </a>
    <ul class="m-grids-2">
        <li class="grids-item">
            <div class="grids-icon">
                <i class="demo-icons-cell"></i>
            </div>
            <div class="grids-txt">
                领券额排行榜<br>
                NO.1 xxx
            </div>
        </li>
        <li class="grids-item">
            <div class="grids-icon">
                <i class="demo-icons-cell"></i>
            </div>
            <div class="grids-txt">
                收入排行榜<br>
                NO.1 xxx
            </div>
        </li>　
    </ul>

    <a class="cell-item" href="/root/toRanking_merchant.do">
        <div class="cell-left"><i class="cell-icon demo-icons-order"></i>商户数据排行</div>
        <div class="cell-right cell-arrow"></div>
    </a>
    <ul class="m-grids-2">
        <li class="grids-item">
            <div class="grids-icon">
                <i class="demo-icons-cell"></i>
            </div>
            <div class="grids-txt">
                商户发券排行榜<br>
                NO.1 商户
            </div>
        </li>
        <li class="grids-item">
            <div class="grids-icon">
                <i class="demo-icons-cell"></i>
            </div>
            <div class="grids-txt">
                联盟商品业绩排行榜<br>
                NO.1 商品
            </div>
        </li>　
    </ul>


    <a class="cell-item" href="/root/toRanking_guide.do">
        <div class="cell-left"><i class="cell-icon demo-icons-order"></i>导购专员数据（线下）</div>
        <div class="cell-right cell-arrow"></div>
    </a>
    <ul class="m-grids-2">
        <li class="grids-item">
            <div class="grids-icon">
                <i class="demo-icons-cell"></i>
            </div>
            <div class="grids-txt">
                销售数据排行<br>
                NO.1 人员1
            </div>
        </li>
        <li class="grids-item">
            <div class="grids-icon">
                <i class="demo-icons-cell"></i>
            </div>
            <div class="grids-txt">
                核券排行<br>
                NO.1 人员2
            </div>
        </li>　
    </ul>


</section>


<jsp:include page="../mamin/footer.jsp?page=4"></jsp:include>
</body>
<script src="http://123.206.127.237:85/ydui/ecaharts/echarts.common.min.js"></script>
<script src="http://123.206.127.237:85/ydui/ecaharts/dark.js"></script>
<script>
    /**
     * Javascript API调用Tab
     */
    !function ($) {
        var $tab = $('#B_Tab');
        $tab.tab({
            nav: '.tab-nav-item',
            panel: '.tab-panel-item',
            activeClass: 'tab-active'
        });

        /*
         $tab.find('.tab-nav-item').on('open.ydui.tab', function (e) {
         console.log('索引：%s - [%s]正在打开', e.index, $(this).text());
         });
         */

        /*$tab.find('.tab-nav-item').on('opened.ydui.tab', function (e) {
         console.log('索引：%s - [%s]已经打开了', e.index, $(this).text());
         });*/


        var xData = function() {
            var data = [];
            for (var i = 1; i < 30; i++) {
                data.push(i + "天");
            }
            return data;
        }();



        // 基于准备好的dom，初始化echarts实例
        var myCChart = echarts.init(document.getElementById('c_main'));
        // 指定图表的配置项和数据
        var option = {
            title: {
                text: ' '
            },
            tooltip: {},
            /* legend: {
             data:['销量']
             },*/
            xAxis: {
                data: xData
            },
            yAxis: {},
            series: [{
                name: '销量',
                type: 'bar',
                data: [5, 20, 36, 10, 10, 20,5, 20, 36, 10, 10, 20,5, 20, 36, 10, 10, 20,5, 20, 36, 10, 10, 20]
            }]
        };
        // 使用刚指定的配置项和数据显示图表。
        myCChart.setOption(option);

    }(jQuery);
</script>

</html>
